<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            个人简历
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
    <!-- 头部开始 -->
    <div class="id-top ht-relative" padding>
        <!-- 中 -->
        <div class="ht-100 ht-float-left">
            <div class="ht-100 ht-overflow ht-relative ht-text-center">
                <div style="position:absolute;left:0;right:0;bottom:0;text-align:center;height:21px;"><span style="background:#404040;color:#fff;border-radius:5px;padding:2px 10px;">点击更换头像</span></div>
                <input type="file" style="position:absolute;left: 0;right: 0;height: 100%;width:100%;opacity: 0;z-index:2;" (change)="uploadHeadImg($event)">
                <img [src]="util.parseImageUrl(resume.photo)" alt="" class="id-photo" *ngIf="resume.photo">
                <img [src]="util.parseImageUrl(resume.head_img)" alt="" class="id-photo" *ngIf="!resume.photo">
            </div>
            <div class="flex flex-line-center" margin-top>
                <div class="id-xy">信用：{{resume.credit_line}}</div>
                <div margin-left class="id-bzj"> {{resume.frozen_money}}元</div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 内容开始 -->
    <div class="ht-f1f1f1">
        <!-- 基本信息 -->
        <div class="resume-form ht-100 ht-background ht-overflow ht-margin-bottom">
            <!-- 姓名 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">姓名</div>
                <div class="ht-float-right ht-999">
                    <input type="text" [(ngModel)]="resume.name" class="input-text" text-right placeholder="请输入您的姓名">
                </div>
            </div>
            <!-- 性别 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">性别</div>
                <div class="ht-float-right ht-999">
                    <label>
                        <input type="radio" [value]="1" [(ngModel)]="resume.sex"> 男
                    </label>
                    <label margin-left>
                        <input type="radio" [value]="2" [(ngModel)]="resume.sex"> 女
                    </label>
                </div>
            </div>
            <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">年龄</div>
                <div class="ht-float-right ht-999">
                    <input type="text" [(ngModel)]="resume.age" class="input-text" text-right placeholder="请输入您的年龄">
                </div>
            </div> -->
            <!-- 出生日期 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">出生日期</div>
                <div class="ht-float-right ht-999 ht-relative">
                    <ion-datetime displayFormat="YYYY-MM-DD" [(ngModel)]="resume.birthday" doneText="完成"
                                  cancelText="取消" placeholder="请选择您的出生日期"></ion-datetime>
                </div>
            </div>
            <!-- 籍贯 -->
            <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">籍贯</div>
                <div class="ht-float-right ht-999">
                    <input type="text" [(ngModel)]="resume.origin" class="input-text" text-right placeholder="请输入您的户籍地址">
                </div>
            </div> -->
            <!-- 学历 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">学历</div>
                <div class="ht-float-right ht-999">
                    <input type="text" [(ngModel)]="resume.edu" class="input-text" text-right (click)="selEdu()" placeholder="请选择您的学历信息">
                </div>
            </div>
            <!-- 联系电话 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">联系电话</div>
                <div class="ht-float-right ht-999">
                    <input type="text" placeholder="请输入您的联系电话" [(ngModel)]="resume.tel" class="input-text" text-right>
                </div>
            </div>
            <!-- 备用电话 -->
            <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">备用电话</div>
                <div class="ht-float-right ht-999">
                    <input type="text" placeholder="请输入您的备用电话" [(ngModel)]="resume.spare_tel" class="input-text"
                           text-right>
                </div>
            </div> -->
            <!-- 微信号 -->
            <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">微信号</div>
                <div class="ht-float-right ht-999">
                    <input type="text" placeholder="请输入您的微信号" [(ngModel)]="resume.wechat" class="input-text" text-right>
                </div>
            </div> -->
            <!-- QQ号 -->
            <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">QQ号</div>
                <div class="ht-float-right ht-999">
                    <input type="text" placeholder="请输入您的QQ号" [(ngModel)]="resume.qq" class="input-text" text-right>
                </div>
            </div> -->
            <!-- 住所地 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">住所地</div>
                <div class="ht-float-right ht-999">
                    <input type="text" placeholder="请输入您的详细地址" [(ngModel)]="resume.addr" class="input-text" text-right>
                </div>
            </div>
            <!-- 在职 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-float-left">工作状态</div>
                <div class="ht-float-right ht-999">
                    <input type="text" [(ngModel)]="resume.job_status" class="input-text" text-right
                           (click)="selJobStatus()" placeholder="请选择您当前的工作状态">
                </div>
            </div>
            <!-- 想干的工作 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333 flex"
                 padding-left padding-right>
                <div class="option-type">求职类型</div>
                <div class="ht-999 flex flex-1 flex-wrap">  
                    <label class="ie-bs" [ngClass]="{'ie-xiaoguo':resume['job_type'] == option}" *ngFor="let option of options['job_type']">
                        <input type="radio" [value]="option" [(ngModel)]="resume['job_type']" hidden>
                        {{option}}
                    </label>
                </div>
            </div>
            <!-- 菜系 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333 flex"
                 padding-left padding-right>
                <div class="option-type">菜系</div>
                <div class="ht-999 flex flex-1 flex-wrap">
                    <!-- <label class="ie-bs" [ngClass]="{'ie-xiaoguo':resume['cuisine'] == option}" *ngFor="let option of options['cuisine']">
                        <input type="radio" [value]="option" [(ngModel)]="resume['cuisine']" hidden>
                        {{option}}
                    </label> -->
                    <label class="ie-bs" [ngClass]="{'ie-xiaoguo':util.inArray(resume['cuisine'],option) > -1}" *ngFor="let option of options['cuisine']"
                        (click)="selCheckData('cuisine',option)">
                        {{option}}
                    </label>
                </div>
            </div>
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333 flex"
                 padding-left padding-right>
                <div class="option-type">求职工种</div>
                <div class="ht-999 flex flex-1 flex-wrap">
                    <!-- <label class="ie-bs" [ngClass]="{'ie-xiaoguo':resume['target_work'] == option}" *ngFor="let option of options['target_work']">
                        <input type="radio" [value]="option" [(ngModel)]="resume['target_work']" hidden>
                        {{option}}
                    </label> -->
                        <label class="ie-bs" [ngClass]="{'ie-xiaoguo':util.inArray(resume['target_work'],option) > -1}" *ngFor="let option of options['target_work']"
                            (click)="selCheckData('target_work',option)">
                            {{option}}
                        </label>
                </div>
            </div>
            <!-- 期望薪酬 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333 flex"
                 padding-left padding-right>
                <div class="option-type">期望薪酬</div>
                <div class="ht-999 flex flex-1 flex-wrap">
                    <label class="ie-bs" [ngClass]="{'ie-xiaoguo':resume['remuneration'] == option}" *ngFor="let option of options['remuneration']">
                        <input type="radio" [value]="option" [(ngModel)]="resume['remuneration']" hidden>
                        {{option}}
                    </label>
                </div>
            </div>
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333 flex"
                 padding-left padding-right>
                <div class="option-type">厨龄</div>
                <div class="ht-999 flex flex-1 flex-wrap">
                    <label class="ie-bs" [ngClass]="{'ie-xiaoguo':resume['working_age'] == option}" *ngFor="let option of options['working_age']">
                        <input type="radio" [value]="option" [(ngModel)]="resume['working_age']" hidden>
                        {{option}}
                    </label>
                </div>
            </div>
            <!-- 期待工作地点 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333 flex"
                 padding-left padding-right>
                <div class="option-type">工作地点</div>
                <div class="ht-999 flex flex-1 flex-wrap">  
                    <label class="ie-bs" [ngClass]="{'ie-xiaoguo':resume['expect_area'] == option.list_name}" *ngFor="let option of options['area']">
                        <input type="radio" [value]="option.list_name" [(ngModel)]="resume['expect_area']" hidden>
                        {{option.list_name}}
                    </label>
                </div>
            </div>
        </div>
        <!-- 自我评价 -->
        <div class="ht-100 ht-overflow ht-margin-bottom ht-background">
            <!-- 自我评价 -->
            <!-- <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left
                 padding-right>
                <div class="ht-100">自我评价</div>
                <div class="ht-100 ht-padding-top10">
                    <textarea name="" id="" rows="3" style="width:100%;border:1px solid #ccc;border-radius:5px;padding:5px;" [(ngModel)]="resume['commit']"></textarea>
                </div>
            </div> -->
            <!-- 工作简历 -->
            <div class="ht-100 ht-overflow ht-border-bottom ht-line-25 ht-font-14 ht-333" padding-left padding-right>
                <div class="ht-100 ht-padding-top10">工作简历</div>
                <div class="ht-100 ht-padding-tb ht-border-bottom ht-overflow"
                     *ngFor="let experience of resume['experience']; let i = index;">
                    <div class="ht-float-left ht-100">
                        <div class="flex margin-bottom-5">
                            <div style="width:7rem;text-align:right;">工种</div>
                            <div class="flex-1" margin-left>
                                <input type="text" class="gz-input3" [(ngModel)]="experience['job']">
                            </div>
                        </div>
                        <div class="flex margin-bottom-5">
                            <div style="width: 7rem;text-align:right;">工作时间</div>
                            <div class="flex-1 flex flex-align-center" margin-left>
                                <div class="ht-relative">
                                    <ion-datetime no-padding displayFormat="YYYY/MM" [(ngModel)]="experience['start_time']" placeholder="开始时间" doneText="完成" cancelText="取消"></ion-datetime>
                                </div>
                                <span margin-left margin-right>--</span>
                                <div class="ht-relative">
                                    <ion-datetime no-padding displayFormat="YYYY/MM" [(ngModel)]="experience['end_time']" placeholder="结束时间" doneText="完成" cancelText="取消"></ion-datetime>
                                </div>
                            </div>
                        </div>
                        <div class="flex margin-bottom-5">
                            <div style="width:7rem;text-align:right;">店名/公司</div>
                            <div class="flex-1" margin-left>
                                <input type="text" class="gz-input3" [(ngModel)]="experience['company']">
                            </div>
                        </div>
                    </div>
                    <input type="button" (click)="delWork(i)" style="width:100%;height:25px;line-height:25px;text-align: center;background:#e2e2e2;display:block;border:none;border-radius:5px;" value="删除">
                </div>
                <!-- 自行添加 -->
                <input type="button" class="gz-input4 ht-text-center" value="点击添加" (click)="addExperience()" *ngIf="resume['experience']?.length < 3">
            </div>
        </div>
        <!-- 标签 -->
        <div class="ht-100 ht-overflow ht-margin-bottom ht-background">
            <div class="ht-100 ht-overflow ht-border-bottom ht-line-25 ht-font-14 ht-333" padding-left padding-right>
                <div class="ht-100 ht-padding-tb">自评标签</div>
                <div class="ht-999 flex flex-1 flex-wrap">
                    <!-- <label class="ie-bs" [ngClass]="{'ie-xiaoguo':resume['cuisine'] == option}" *ngFor="let option of options['cuisine']">
                        <input type="radio" [value]="option" [(ngModel)]="resume['cuisine']" hidden>
                        {{option}}
                    </label> -->
                    <label class="ie-bs" [ngClass]="{'ie-xiaoguo':util.inArray(resume['remark'],option) > -1}" *ngFor="let option of options['remark']"
                        (click)="selCheckData('remark',option)">
                        {{option}}
                    </label>
                </div>
            </div>
        </div>
        <div class="ht-100 ht-overflow ht-background ht-margin-bottom">
            <!-- 其他证件 -->
            <div class="ht-100 ht-overflow ht-background ht-margin-bottom">
                <div class="ht-100 ht-overflow ht-padding-tb ht-line-25 ht-font-14 ht-333" padding-left padding-right>
                    <div class="ht-100">上传近照</div>
                    <div class="ht-100 ht-padding-top10 flex flex-wrap">
                        <div class="other-photo">
                            <div class="margin-top-5 ht-relative" *ngIf="resume.photo">
                                <img [src]="util.parseImageUrl(resume.photo)" alt="">
                                <span class="del-image" (click)="delImage(i)">删除</span>
                            </div>
                        </div>
                        <div class="other-photo ie-img margin-left-5 margin-bottom-5 margin-top-5" *ngIf="!resume['photo']">
                            <input type="file" class="file-input" (change)="uploadImage($event)">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容结束 -->
</ion-content>
<ion-footer>
    <ion-toolbar>
        <div class="ht-100 ht-float-left ht-line-50 ht-text-center ht-fff ht-f29603" (click)="submit()">确认提交</div>
        <!--<div class="ht-50 ht-float-left ht-line-50 ht-text-center ht-fff ht-f29603">提交</div>-->
    </ion-toolbar>
</ion-footer>